<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/conmn.css">
    <link rel="stylesheet" href="./css/Placinganorder.css">
</head>

<body>
    <!-- 顶部 -->
    <div class="top">
        <div class="typepage cr topb">
            <img src="./img/07-下订单-A_02.jpg" alt="">
            <p class="fl topp1">legochina.cn</p>
            <p class="topp fr">欢迎光临<a href="index.html">乐购</a>，请<a href="landingpPage.html">登陆</a>\<a href="from.html">注册</a></p>
        </div>
    </div>

    <!-- 欢迎登陆 -->
    <div class="hydl typepage">
        <p>欢迎下单</p>
    </div>

    <!-- 填写并获取订单信息 -->
    <div id="orIn" class="typepage">
        <p>填写并确认订单信息</p>
    </div>


    <!-- 收货人 -->
    <div id='pece' class="typepage cr">
        <p class="fl">收货人信息</p>
        <p class="fr xinz">新增收获地址</p>
    </div>

    <!-- 地址 -->
    <div id="address" class="typepage">
        <ul>
            <li class="yuns fl">运送&emsp;四川</li>
            <li class="fl wz">成都市&emsp;高新区&emsp;天府新谷11号楼1101</li>
            <li class="fr mr">默认收货地址</li>
        </ul>
        <p>更多收货地址</p>
        <ul>
            <li class="yuns fl ">运送&emsp;四川</li>
            <li class="fl wz">成都市&emsp;高新区&emsp;天府新谷11号楼1101</li>
        </ul>
    </div>



    <!-- 支付方式 -->
    <div id='play' class="typepage">
        <p>支付方式</p>
    </div>

    <!-- 付款模式 -->
    <div id="playms" class="typepage">
        <ul>
            <li class="fl playxz">货到付款</li>
            <li class="fl">微信支付</li>
            <li class="fl">信用卡</li>
            <li class="fl">银行卡</li>
            <span>更多》》</span>
        </ul>
    </div>


    <!-- 送货清单 -->
    <div id="Delivery" class="typepage cr">
        <p class="fl">送货清单</p>
        <p class="fr">
            <span>价格说明</span>
            <span>返回购物车修改</span>
        </p>
    </div>


    <!-- 配送方式 -->
    <div id="dismo" class="typepage cr">
        <div class="boxfl fl">
            <p>配送方式：
                <span class="sfxd">顺丰快递</span>
            </p>

            <div class="btmbox">
                <p>
                    <span>付款方式：</span>
                    现金
                    <a href="">修改</a>
                </p>

                <p>
                    <span>配送时间：</span>
                    预计8月30日12:00-16:00送达
                    <a href="" id="xg">修改</a>
                </p>
            </div>
        </div>

        <div class="boxfr fr">
            <img src="./img/07-下订单-A_03.jpg" alt="">
        </div>

    </div>


    <!-- 发票信息 -->
    <div id="invoice" class="typepage">
        发票信息：
        <p class="cr">普通发票&emsp;(电子)&emsp;个人明细
            <a href="" class="fr">修改</a>
        </p>

    </div>

    <!-- 结算信息 -->
    <div id="js" class="typepage">
        <p><span>1</span>件商品&emsp;&emsp;&emsp;&emsp;总商品金额：<span>41.00</span>&emsp;&emsp;&emsp;&emsp;运费：<span>6.00</span>
        <p class="fr" id="yhje">应付总金额：<span>47.00</span></p>
        </p>
    </div>



    <!-- 提交订单 -->
    <div id="tjdd" class="typepage cr">
        <p class="fl">配送至：<span>成都市高新区三环内天府新谷11号1101</span>&emsp;&emsp;&emsp;&emsp;收件人：<span id='num'>18181883117</span>
        </p>
        <button type="button" id="btn" class="fr">提交订单</button>
    </div>



    <!-- 魔兽图片 -->
    <div class="typepage" id="mstp">
        <img src="./img/02-产品列表_05.jpg" alt="">
    </div>



    <!-- 线 -->
    <div class="xian">
    </div>


    <!-- 底部图标 -->
    <div class="bttb">
        <ul class="typepage cr">
            <li style="margin-left: 220px;">
                <img src="./img/222_11.png" alt="">
            </li>

            <li>
                <img src="./img/222_13(1).png" alt="">
            </li>

            <li>
                <img src="./img/222_15.png" alt="">
            </li>

            <li>
                <img src="./img/222_17.png" alt="">
            </li>
        </ul>
    </div>


    <!-- 底部 -->
    <div class="typepage bottom">
        <div class="bottop">
            <ul style="margin-left: 178px;">
                <li>
                    <h3>购物指南</h3>
                </li>
                <li>
                    <a href="">购物流程</a>
                </li>
                <li>
                    <a href="">发票制度</a>
                </li>
                <li>
                    <a href="">账户管理</a>
                </li>
                <li>
                    <a href="">会员优惠</a>
                </li>
            </ul>


            <ul>
                <li>
                    <h3>支付方式</h3>
                </li>
                <li>
                    <a href="">货到付款</a>
                </li>
                <li>
                    <a href="">网上支付</a>
                </li>
                <li>
                    <a href="">礼品卡支付</a>
                </li>
                <li>
                    <a href="">银行转账</a>
                </li>
            </ul>


            <ul>
                <li>
                    <h3>订单配送</h3>
                </li>
                <li>
                    <a href="">订单配送查询</a>
                </li>
                <li>
                    <a href="">订单状态说明</a>
                </li>
                <li>
                    <a href="">自动取消订单</a>
                </li>
                <li>
                    <a href="">自动支付取消</a>
                </li>
            </ul>


            <ul>
                <li>
                    <h3>退换货</h3>
                </li>
                <li>
                    <a href="">退换货政策</a>
                </li>
                <li>
                    <a href="">自主申请退货</a>
                </li>
                <li>
                    <a href="">退货进度查询</a>
                </li>
                <li>
                    <a href="">退货的方式和时间</a>
                </li>
            </ul>


            <ul>
                <li>
                    <h3>商家服务</h3>
                </li>
                <li>
                    <a href="">商家中心</a>
                </li>
                <li>
                    <a href="">运营服务</a>
                </li>
                <li>
                    <a href="">加入唯品会</a>
                </li>
            </ul>

            <ul>
                <li><img src="./img/logo_00.png" alt=""></li>
            </ul>
        </div>
    </div>

    <!-- 底部图片 -->
    <div class="typepage">
        <img src="./img/01-首页_03.jpg" alt="">
    </div>


<!-- 蒙版层 -->
    <div id="mbc">
        <div class="outbox">
            <p class="cr">
                确认付款
                <span class="fr qx">x</span>
            </p>
            <img src="./img/07-下订单-B_03.jpg" alt="">
            <ul class="cr">
                <li class="fl" style="margin-left: 110px;">取消</li>
                <li class="fr xzli" style="margin-right: 115px;">确认</li>
            </ul>
        </div>
    </div>





    <script src="./lib/jquery.js"></script>
    <script src="./js/comon.js"></script>
    <script src="./js/Placinganorder.js"></script>

</body>

</html>